<el-row>
    <el-col :xs="24" :sm="6" :md="6" :lg="5" :xl="5">
        <el-tree :data="treeData" :props="defaultProps"
                 @node-click="handleNodeClick"
                 node-key="id"
                 :default-expanded-keys="['1608211848140001']"
                 ref="tree"></el-tree>
    </el-col>
    <el-col :xs="24" :sm="18" :md="18" :lg="19" :xl="19">
        <el-row>
            <el-button type="primary" size="small"
                       @click="changeStatus('3')">批量显示&nbsp;
            </el-button>
            <el-button type="warning" size="small"
                       @click="changeStatus('4')">批量隐藏&nbsp;
            </el-button>
            <el-button type="danger" size="small"
                       @click="changeStatus('0')">批量禁用&nbsp;
            </el-button>
            <el-button type="success" size="small"
                       @click="init">初始化&nbsp;
            </el-button>
        </el-row>
        <el-row>
            <table id="role_cmps_table"
                   class="layui-table"
                   lay-filter="role_cmps_table">
            </table>
        </el-row>
    </el-col>
</el-row>
<script>
    require(["pc/system/role_cmps"], $.noop);
</script>


